<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/jiaofei.css"
	type="text/css">
<style type="text/css">
tr {
    border:1px solid #ccc;
}
.blank{
height:15px;
background: #D6EAF1;
margin-top:20px;
}

</style>
</head>
<body>
	<script type="text/javascript">
		var ctx = '${ctx}';
	</script>
	<div id="first">
		
		<div class="payment-record payment-info-box">
				<table id="table_list" class="record-table">
					<thead class="record-table-head">
					    <tr style="height:40px"></tr>
						<tr class="type-list">
							<th width="30%">车辆</th>
							<th width="20%">缴费区间</th>
							<th width="15%">费用</th>
							<th width="20%">状态</th>
						</tr>
					</thead>
					<c:forEach items="${carBillList}" var="config"
						varStatus="configStatus">
						<tbody id="tableTbody">
						    <tr style="height:20px;"></tr>
							<tr class="record-head">
								<td>账单号：${config.carId}</td>
								<td></td>
								<td></td>
								<td><span>缴费时间：<fmt:formatDate value="${config.payTime}" pattern="yyyy-M-d" /></span></td>
							</tr>
							<tr class="record-body">
								<td><span>${config.houseFullName}</span><br/><span>${config.carNo}</span></td>
								<td>${config.startDateString}-${config.endDateString}</td>
								<td>￥${config.money}</td>
								<td style="display: block">
									<p>${config.payStateString}</p>
									<p style="color: #fd7c66;cursor: pointer;"
										onclick="gotoBillDetail('${config.carId}');">查看详情</p>
								</td>
							</tr>
						</tbody>
					</c:forEach>
				</table>
			</div>
		</div>
	<script type="text/javascript">
		/* function gotoCarManage() {
			parent.window.location.href = ctx + "/carBill/getCarManage";
		}

		function gotoCarBillRemind() {
			$('#first').load(ctx + "/carBill/carBillRemind");
		}
		function gotoPayCarBill() {
			$('#first').load(ctx + "/carBill/getHousePayBill");
		}*/
		
		function gotoBillDetail(carID) {
			$('#first').load(ctx + "/carBill/parkingFeeDetail?carID="+carID);
		} 
	</script>
</body>
</html>